﻿@charset "gb2312";
/* CSS Document */
h1.t_nav span { float: right; color: #999; }
h1.t_nav {margin:0 auto; width:1000px; border-bottom: #F1F1F1 1px solid; font-size: 12px; font-weight: normal; line-height: 40px; height: 40px; }
h1.t_nav a { width: 100px; display: block; text-align: center; color: #fff; float: left }
.n1 { background: #5EA51B; }
.n2 { background: #8BBF5D; }


.caselist ul li:before { content: ''; width: 25px; height: 20px; position: absolute; bottom: 0; right: 0; border-radius: 0 0 30px 0; box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.4); -webkit-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px); -moz-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px); -o-transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px); transform: rotate(-20deg) skew(-40deg, -3deg) translate(-13px, -13px); }
.nlist { width: 530px; float: left; margin: 0 0 0 10px; line-height: 1.9; }
.line { overflow: hidden; width: 97%; height: 20px; border-bottom: 1px dashed #ccc; }
.rank li { height: 25px; line-height: 25px; clear: both; padding-left: 5px; overflow: hidden; padding-left: 15px; background: url(../images/img/li.jpg) no-repeat left center; }
.rank { margin: 10px 0 }
.rank li a { color: #333; }
.paih { background: url(../images/img/ph.jpg) no-repeat left 8px; margin: 10px 0 }
.paih li { line-height: 30px; height: 30px; overflow: hidden; padding-left: 24px; border-bottom: #CCC dotted 1px }
.news h3, .visitors h3 { font-size: 14px; background: url(../images/img/r_title_bg.jpg) repeat-x center; }
.news h3 p, .visitors h3 p { background: #fff; width: 70px }
.news h3 span { color: #65b020 }
.news h3.ph span { color: #37ccca; }
.news h3.links span { color: #F17B6B; }
.news ul { margin-bottom: 20px }
.news ul li a:hover { text-decoration: underline }
.visitors ul { margin: 20px 0 }

/*.page { margin: 20px 0 20px 0; text-align: center; width: 100%; overflow: hidden; }
.page a b { color: #999; }
.page>b, .page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }
.page a { margin: 0 2px; height: 26px; line-height: 26px; border-radius: 50%; width: 26px; text-align: center; display: inline-block }/* ���IE6*/
 
/*.page>b, .page a:hover { background: #333; color: #FFF; }
.page a { color: #F33; border: #999 1px solid; }*/

/*��¼������*/
.text5{ width:100%; height:40px; background:rgba(56,134,72,0.7); border-bottom: #559765 1px solid; margin:45px 0 0px 0;}
.text5 span{ width:140px; margin:0 auto; height:40px; display:block; position:relative;}

.text5 span{ position: absolute; left: 305px; top: 157px; font-family: "΢���ź�"; font-size: 30px; color:#333333; -webkit-box-reflect: below -3px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(white)); }/* below���ֵ�Ӱ�������£�����3px ��ɫ������������ */



.text7{width:100%; height:32px; background:url(../images/img/text5_bg.jpg);}
.text7 h3{width:1040px; margin:0 auto; overflow:hidden; font-size:16px; font-family:"΢���ź�";}
.text7 h3 span{ display:block;background:#CDCC34 url(../images/img/share.jpg) no-repeat 74px 0; width:180px; height:25px; margin:4px 0 0 0px; line-height:25px; height:25px; color:#fff; box-shadow: #999 4px 5px 1px; text-indent:36px;}





aside.right{width:316px;}


/* photowall */
.blogs{width:1040px;}
.photowall { width: 100%; padding: 0px 0; overflow: hidden; border-bottom: #226039 1px solid }
.photowall img { display: block; opacity: 0.9; -webkit-transition: opacity 0.35s; transition: opacity 0.35s; }
.wall_a { width: 100%; margin: auto; background: #fafcfa; overflow: hidden; }
.wall_a li { float: left; position: relative; margin:5px; overflow:hidden;}
.wall_a li p a { color: #686868 }
.text_a { width: 220px; line-height: 24px; padding: 30px 20px }
.text_b { width: 164px; line-height: 24px; padding: 40px 20px }
.wall_a li figcaption { position: absolute; left: 0; top: 10px; }
.wall_a li h2 { font-size: 12px; line-height: 24px; padding: 20px; font-weight: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); color: #666 }
.wall_a li:hover h2 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
.wall_a li:hover img { opacity: 0.4; }

/* blog */
.blog{ width:316px; margin:0px auto 30px; overflow:hidden}
.blog figure{ background:#ececec; border:#FFF 10px solid; width:285px; height:430px; float:left;margin:11px 0; border:5px solid #226039; padding:10px;}
.blog figure img{ display:block; margin: 0 auto 20px; width:285px;}
.blog figure p{ font-size:14px;  text-shadow: #fff 1px 1px 0px; line-height:26px; text-align:center; font-weight:bold}
.blog figure p a{color:#226039;}
.blog figure figcaption{ padding:10px; line-height:22px; color:#666}


/*���*/


.xc1040{
	width:1040px;
	margin:0 auro;
}
.xc1040 ul{
	margin:12px 12px 20px 12px;
}
.xc1040 li{
	padding:0 1px 1px 0;
	float:left;
	overflow:hidden;
	position: relative;
}
.xc1040 li img{
	width:244px;
	height:162px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-webkit-norder-radius:3px;
}

.xc1040 li:hover img { opacity: 0.4; }
.xc1040 li figcaption { position: absolute; left: 0; top: 10px; }
.xc1040 li h2 { font-size: 12px; line-height: 24px; padding: 20px; font-weight: normal; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0); transform: scale(0); color: #666 }
.xc1040 li:hover h2 { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }


/* loading  */
#fountainG { position: relative; width: 240px; height: 29px; }
#fountainG li { position: absolute; top: 0;/* background: #238d7b; Ĭ����ɫ */ width: 29px; height: 29px; -moz-animation: bounce_fountainG 1.2s linear infinite; -moz-transform: scale(.3); -moz-border-radius: 19px; -webkit-animation: bounce_fountainG 1.2s linear infinite; -webkit-transform: scale(.3); -webkit-border-radius: 19px; -ms-animation: bounce_fountainG 1.2s linear infinite; -ms-transform: scale(.3); -ms-border-radius: 19px; -o-animation: bounce_fountainG 1.2s linear infinite; -o-transform: scale(.3); -o-border-radius: 19px; animation: bounce_fountainG 1.2s linear infinite; transform: scale(.3); border-radius: 19px; }
#fountainG li:first-child { left: 0; -moz-animation-delay: 0.48s; -webkit-animation-delay: 0.48s; -ms-animation-delay: 0.48s; -o-animation-delay: 0.48s; animation-delay: 0.48s; }
#fountainG li:nth-child(2) { left: 30px; -moz-animation-delay: 0.6s; -webkit-animation-delay: 0.6s; -ms-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s; }
#fountainG li:nth-child(3) { left: 60px; -moz-animation-delay: 0.72s; -webkit-animation-delay: 0.72s; -ms-animation-delay: 0.72s; -o-animation-delay: 0.72s; animation-delay: 0.72s; }
#fountainG li:nth-child(4) { left: 90px; -moz-animation-delay: 0.84s; -webkit-animation-delay: 0.84s; -ms-animation-delay: 0.84s; -o-animation-delay: 0.84s; animation-delay: 0.84s; }
#fountainG li:nth-child(5) { left: 120px; -moz-animation-delay: 0.96s; -webkit-animation-delay: 0.96s; -ms-animation-delay: 0.96s; -o-animation-delay: 0.96s; animation-delay: 0.96s; }
#fountainG li:nth-child(6) { left: 150px; -moz-animation-delay: 1.08s; -webkit-animation-delay: 1.08s; -ms-animation-delay: 1.08s; -o-animation-delay: 1.08s; animation-delay: 1.08s; }
#fountainG li:nth-child(7) { left: 180px; -moz-animation-delay: 1.2s; -webkit-animation-delay: 1.2s; -ms-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s; }
#fountainG li:nth-child(8) { left: 210px; -moz-animation-delay: 1.32s; -webkit-animation-delay: 1.32s; -ms-animation-delay: 1.32s; -o-animation-delay: 1.32s; animation-delay: 1.32s; }
 @-moz-keyframes bounce_fountainG { 0% {
-moz-transform:scale(1);
background-color:#238d7b;
}
 100% {
-moz-transform:scale(.3);
background-color:#FFFFFF;
}
}
 @-webkit-keyframes bounce_fountainG { 0% {
-webkit-transform:scale(1);
background-color:#238d7b;
}
 100% {
-webkit-transform:scale(.3);
background-color:#FFFFFF;
}
}
 @-ms-keyframes bounce_fountainG { 0% {
-ms-transform:scale(1);
background-color:#238d7b;
}
 100% {
-ms-transform:scale(.3);
background-color:#FFFFFF;
}
}
 @-o-keyframes bounce_fountainG { 0% {
-o-transform:scale(1);
background-color:#238d7b;
}
 100% {
-o-transform:scale(.3);
background-color:#FFFFFF;
}
}
 @keyframes bounce_fountainG { 0% {
transform:scale(1);
background-color:#238d7b;
}
 100% {
transform:scale(.3);
background-color:#FFFFFF;
}
}



/* about */
.about { width: 100%; height:322px; background: #fff; padding: 20px 0; overflow: hidden; position:relative;}
.about ul { margin: auto; line-height: 24px }
.about_girl span img, .about_boy span img { width: 130px; height: 130px; border-radius: 100% }
.about_girl, .about_boy { width: 100%; margin:10px auto 0; overflow: hidden }
.about_girl span { float: left; margin-right: 30px }
.about_girl p { margin: 20px; background: #559664; color: #FFF; float: left; padding: 20px; width: 46%; border-radius: 6px; position: relative; box-shadow: inset #226039 -1px -1px 1px; text-shadow: #226039 1px 1px 0px }
.about_girl p::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 20px 20px 20px 0; border-color: transparent #559664 transparent; position: absolute; left: -20px; top: 24px; }/* ������ */
.about_boy span { float: right; margin-left: 30px }
.about_boy p { margin: 20px; background: #ececec; color: #444; float: right; padding: 20px; width: 46%; border-radius: 6px; position: relative; box-shadow: inset #999 1px -1px 1px; text-shadow: #fff 1px 1px 0px }
.about_boy p::before { content: ""; width: 0px; height: 0px; border-style: solid; border-width: 20px 0 20px 20px; border-color: transparent #ececec transparent; position: absolute; right: -20px; top: 24px; }




/* Side Right */
nav.nav{width:276px; height:152px; position:absolute; left:737px; top:0px;}
nav.nav ul{ list-style-type:none; text-align:center;}
nav.nav ul li{float:left; width:90px; line-height:74px; height:74px; margin-right:2px}
nav.nav ul li a:hover{ -webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;transition: all 1s;}
nav.nav ul li.ab{ background:#71a532;}
nav.nav ul li.ab a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);-ms-transform:rotate(360deg);  background:#666;}
nav.nav ul li.sy{ background:#ff9900}
nav.nav ul li.sy a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);-ms-transform:rotate(360deg);  background: #F60;}
nav.nav ul li.js{ background:#8c49ad}
nav.nav ul li.js a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); background: #66C;}
nav.nav ul li.msh{ background:#e7769e}
nav.nav ul li.msh a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);-ms-transform:rotate(360deg);  background: #F66;}
nav.nav ul li.xc{ background:#a98659}
nav.nav ul li.xc a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg); background: #C93;}
nav.nav ul li.ly{ background:#63a8e8}
nav.nav ul li.ly a:hover{-moz-transform:rotate(360deg);-webkit-transform:rotate(360deg); -o-transform:rotate(360deg);-ms-transform:rotate(360deg);  background: #06C;}
nav.nav ul li a{ display:block; color:#FFF;}
nav.nav ul li a:hover{font-weight:bold; color:#FF0}

.nav a { position: relative; display: inline-block; font-size: 14px; font-family: "΢���ź�", Arial, Helvetica, sans-serif; }

/*��ǩ��*/
.cloud { width:288px; clear: both; position:absolute; left:24px; top:194px;}
.cloud h3 { line-height: 40px; color: #38485A; font-size: 18px; border-bottom: 1px solid #E6E6E6; height: 40px; }
.cloud { margin: 20px 0 }
.cloud li { line-height: 24px; height: 24px; display: block; background: #999; float: left; padding: 3px 11px; margin: 10px 10px 0 0; border-radius: 8px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.cloud li a { color: #FFF }
.cloud li:nth-child(8n-7) { background: #8A9B0F }
.cloud li:nth-child(8n-6) { background: #EB6841 }
.cloud li:nth-child(8n-5) { background: #3FB8AF }
.cloud li:nth-child(8n-4) { background: #FE4365 }
.cloud li:nth-child(8n-3) { background: #FC9D9A }
.cloud li:nth-child(8n-2) { background: #EDC951 }
.cloud li:nth-child(8n-1) { background: #C8C8A9 }
.cloud li:nth-child(8n) { background: #83AF9B }
.cloud li:first-child { background: #036564 }
.cloud li:last-child { background: #3299BB }
.cloud li:hover { border-radius: 0; text-shadow: #000 1px 1px 1px }





/* hope */
.text6 {font-family: "΢���ź�"; font-size: 30px; color: #000; -webkit-box-reflect: below 1px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(white)); width:1000px; margin:auto  }
.hope{ border-top:40px #559664 solid; padding:20px; color:#FFF; background:#226039; }
.hope ul{ width:1000px; margin:auto;background: url(../images/img/love.png) no-repeat left center; overflow:hidden}
.visitors{ width:500px; float:right}
.visitors dl { display: block; overflow: hidden; margin-bottom: 12px }
.visitors dt { float: left; }
.visitors dt img { width: 100px; height: 100px; margin-right: 20px; border-radius:100% }
.visitors dd { line-height: 22px; }
.visitors dd a{ color:#d2ec40; font-size:14px; font-weight:bold}
.visitors dt+dd{ margin-top:20px}









